/*样式开始*/
html,body,#root,.wrap{
    width:100%;
    height:100%;
}
.logIn_bg{
    width:100%;
    height:100%;
    position:relative;
}
.logIn_bg .login_bg{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}
.login_login{
    width:100%;
    position:absolute;
    z-index: 2;
    top:0;
    left:0
}
.LoginBox{
    width:520px;
    height:320px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-260px;
    margin-top:-160px;
    z-index: 4;
}
.login_kuang{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.demo-dynamic{
    position: absolute;
    bottom:2rem;
    width:80%;
    left:50%;
    margin-left:-40%;
}
.el-form-item__content{
    margin-left:0 !important;
}
.landing{
    width: 100%;
}
.el-input input{
    padding-left: 8%;
    color: #fff;
}
.userName input{
    background:url("../../assets/img/people.png") 10px center;
    background-repeat: no-repeat;
    background-size:15px 17px;
}
.password input{
    background:url("../../assets/img/suo.png") 10px center;
    background-repeat: no-repeat;
    background-size:15px 17px;
}
.userName input::-webkit-input-placeholder{color:#00ffff;opacity: 0.5}
.password input::-webkit-input-placeholder{color:#00ffff;opacity: 0.5}

.el-checkbox{
    margin-left:0 !important;
}
.el-checkbox__label{
    color: #fff;
}
.checkout{
    margin-bottom:0;
}
.userName input,.password input{
    border: 1px solid #00ffff;
    color:#fff !important;
}
.demo-dynamic{
    top:100px;
}
.LoginBox{
    height:350px;
}
.check input{
   border-radius: 4px;
    width:18px;
    height:18px;
    float:left;
}
.check span{
    font:16px/1.5 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
    color: #fff;
    font-size: 14px;
    padding-left: 5px;
    float:left;
}
.form-group{
    margin-bottom:16px;
    overflow: hidden;
}
.el-button--primary{
    margin-right: 0 !important;
}

